<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>滴滴打X</title>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
        <link rel="stylesheet" href="/recharge/js/bootstrap-3.3.2-dist/css/bootstrap.css" type="text/css" />
        <link rel="stylesheet" href="/recharge/css/core.css" type="text/css" />
        <script type="text/javascript" src="/recharge/js/jquery/jquery-2.1.3.js"></script>
        <script type="text/javascript" src="/recharge/js/bootstrap-3.3.2-dist/js/bootstrap.js"></script>
        <script type="text/javascript" src="/recharge/js/jquery.bootstrap.min.js"></script>

		<script type="text/javascript" src="/recharge/js/plugins/jquery.form.js"></script>

		<link type="text/css" rel="stylesheet" href="/recharge/css/account.css" />
		<style type="text/css">
			.el-recharge-table > tbody > tr > td{
				vertical-align: middle;
			}
			.el-recharge-form input{
				width: 280px;
			}
			.tab-content{
				border:1px solid #ddd;
				border-top:none;
				padding:0px 20px;
			}
		</style>
		
		<script type="text/javascript">
			$(function(){
				$("#rechargeForm").ajaxForm(function(data){
					if(data.success){
						$.messager.popup("充值记录已提交，等待后台人员审核");
						$("#rechargeForm").resetForm();
						window.location.href = "http://xiaozhuzi.imwork.net/index";
					}
				});
			});
		</script>
	</head>
	<body>

		<div class="container">
			<div class="el-tip-info">
				<h3>账户充值</h3>
			</div>
			<div role="tabpanel">
			  <div class="tab-content">
			    <div role="tabpanel" class="tab-pane active" id="tab2">
			    	<div>
			    		<p class="text-primary h4" style="padding: 0px;margin: 0px;;">微信提示:</p>
			    		<p class="text-primary h4" style="padding: 0px;margin: 0px;;">1:请填写以下完整的信息</p>
			    		<p class="text-primary h4" style="padding: 0px;margin: 0px;;">2:提交您的充值申请,我们将会在下个工作日核对您的申请</p>
			    		<p class="text-primary h4" style="padding: 0px;margin: 0px;;">3:请保存你的交易记录信息</p>
			    		<form id="rechargeForm" class="form-horizontal el-recharge-form" action="/rechargeSave" method="post">
                            <input type="hidden" name="id" value="" />
			    			<div class="form-group">
			    				<label class="control-label col-sm-2">银行</label>
			    				<div class="col-sm-10">
			    					<input class="form-control" name="bank" value="工商银行"/>
			    				</div>
			    			</div>
			    			<div class="form-group">
			    				<label class="control-label col-sm-2">交易号</label>
			    				<div class="col-sm-10">
			    					<input class="form-control" name="tradeCode" />
			    				</div>
			    			</div>
			    			<div class="form-group">
			    				<label class="control-label col-sm-2">充值金额</label>
			    				<div class="col-sm-10">
			    					<input class="form-control" name="amount" />
			    				</div>
			    			</div>
			    			<div class="form-group">
			    				<label class="control-label col-sm-2">充值说明</label>
			    				<div class="col-sm-10">
			    					<input style="resize: none;" class="form-control" name="note"></input>
			    				</div>
			    			</div>
			    			<div class="form-group">
			    				<button type="submit" class="col-sm-offset-2 btn btn-primary">确认提交</button>
			    			</div>	
			    		</form>
			    	</div>
			    </div>
			  </div>
			</div>
            <footer class="didi_footer">
                <div class="col-sm-12" align="center">
                    ©2017 滴滴打X安全有限公司 <span></span>
                </div>
            </footer>
		</div>
	</body>
</html>